<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@include file="/header.jsp" %>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>菜单页面</title>
<script type="text/javascript">
function refGrid(){
	$('#datagridtable').treegrid("clearChecked");
	$('#datagridtable').treegrid("options").url='${base}sysResource/resourceList?'+$("form").serialize();
	$('#datagridtable').treegrid("load");  
}
   
  $(function(){
	  $("#searchbtn").click(function(){refGrid();});
	  
	  $('#datagridtable').treegrid({    
		    singleSelect:false,
		    collapsible:false,
		    url:'${base}sysResource/resourceList?'+$("form").serialize(),
		    method:'post',
		    pagination:true,
		    toolbar:'#toolbar',
			pageSize:20,
			multiSort:true,
			rownumbers:true,
			border:false,
			animate:true,
			idField:'id',
			autoRowHeight:false,
			treeField:'name',
			fitColumns: true,
		    columns:[[
		        {field:'id',checkbox:true},    
		        {field:'name',title:'权限名称',width:150},    
		        {field:'resCode',title:'权限编号',width:150},
		        {field:'actionUrl',title:'权限地址',width:200},
		        {field:'remark',title:'描述',width:300},   
		    ]]    
		});
	     $("#addBtn").click(function(){
	    	 var selOpts =$('#datagridtable').treegrid("getChecked");
				if(selOpts.length==0)
					myDialog({title:"增加权限",src:"${base}sysResource/addPage2",width:750,height:300,callBack:refGrid});
				else if(selOpts.length>1)
					myAlert("错误信息","请选择一个父权限！","e");
				else
				  myDialog({title:"增加子权限",src:"${base}sysResource/addPage2?pId="+selOpts[0].id,width:750,height:300,callBack:refGrid});
	      });
	      $("#editBtn").click(function(){
	    	  var selOpts =$('#datagridtable').treegrid("getChecked");
				if(selOpts.length==0||selOpts.length>1)
					myAlert("错误信息","请选择一个权限！","e");
				else
				  myDialog({title:"修改权限",src:"${base}sysResource/editPage2?id="+selOpts[0].id,width:750,height:300,callBack:refGrid});
	      });
	      $("#delBtn").click(function(){
	    	  var selOpts =$('#datagridtable').treegrid("getChecked");
				var ids=[];
				var flag=true;
				if(selOpts.length>0){
				$.each(selOpts,function(i,v){
				var children=$('#datagridtable').treegrid("getChildren",v.id);
				     ids.push(v.id);
					 if(children&&children.length>0){
						 myAlert("错误信息","存在子权限时不可删除！","e");
						 flag=false;
                        return false;
						 }
				});
				}else{
					myAlert("错误信息","请选择需要删除的菜单！","e");
					flag=false;
				}
				if(flag)
				myConfirm("提示信息","确定删除选中的数据吗?",function(r){
                       if(r){
                      	 myAjax({url:"${base}sysResource/delResource",data:{"ids":ids},  
                          	 success:function(data){
                                    if(data.error=='0')
                                  	      refGrid();
                                    else
                                  	  myAlert("错误信息",data.msg,"e");   
                          	 }}); 
                    }
				});
	      });
	      $("#detailBtn").click(function(){
	    	  var selOpts =$('#datagridtable').treegrid("getChecked");
				if(selOpts.length==0||selOpts.length>1)
					myAlert("错误信息","请选择一个权限！","e");
				else
				  myDialog({title:"查看权限",src:"${base}sysResource/detailPage2?id="+selOpts[0].id,width:750,height:300,
					  callBack:function(){
					  $('#datagridtable').treegrid("clearChecked");}});
	      });
});
</script>
</head>
<body>
   <div id="toolbar">
	<div class="toolbar_searchcondition">
   <form class="easyui-form" action="${base}sysResource/resourceList"  method="post">
      <input  name="params['resType']" value="2" type="hidden"/>
	  权限名称: <input class="easyui-textbox" name="params['resName']" type="text"/>&nbsp;
	  权限编号: <input class="easyui-textbox"  name="params['resCode']" type="text"/>&nbsp;
	  	   <a href="#" class="easyui-linkbutton searchbtn" iconCls="icon-search" id="searchbtn">查询</a>
		</form>
	</div>
	<div class="toolbar_btns">
	    <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" id="addBtn">添加</a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" id="editBtn">编辑</a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" id="delBtn">删除</a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-search" plain="true" id="detailBtn">查看</a>
	</div>	
   </div>
	  <table id="datagridtable"  style="width:1200px;height:500px" fit="true"></table>
</body>
</html>